<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的博客</title>
    <meta name="keywords" content="我的博客" />
    <meta name="description" content="我的博客" />
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <script src="./js/jquery-1.7.1.min.js" type="application/javascript"></script>
    <script src="./js/common.js" type="application/javascript"></script>
</head>
<body>
    <header>
        <div class="header-nav">
            <div class="header-logo">
                <a href="#" title="胡新能">胡新能</a>
                <span>专注web开发</span>
            </div>
            <div class="header-list">
                <div class="item active">
                    <a href="#" title="首页">
                        <i class="icon icon-shouyeshouye-copy"></i>
                        <span>首页</span>
                    </a>
                </div>
                <div class="item">
                    <a title="web前端" target="_blank" href="#">
                        <i class="icon icon-web"></i>
                        <span>web前端</span>
                    </a>
                    <div class="item-son" style="display:none;">
                        <a href="#" title="html/css">
                            <i class="icon icon-html"></i>
                            <span>html/css</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <article>
        <div class="container">
            <div class="main main-list">
                <div class="new-title">最新日志</div>
                <div class="new-article">
                    <div class="list-item">
                        <h2 class="list-title"><a href="#" title="标题">标题</a></h2>
                        <div class="list-icon">
                            <span class="top">置顶</span>
                            <span class="time"><i class="icon icon-rili"></i>2022-01-14</span>
                            <span class="classlfy"><i class="icon icon-wenjian"></i>web前端</span>
                            <span class="brows browse-huo"><i class="icon icon-huo"></i>100人</span>
                        </div>
                        <div class="list-context">日志内容</div>
                        <div class="list-go">
                            <span></span>
                            <a href="#" title="查看全文">
                                <i class="icon icon-file"></i>
                                <span>查看全文</span>
                                <i class="icon icon-gengduo gl"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="load-more">查看更多</div>
            </div>
            <div class="aside">
                <div class="author comm-box">
                    <img src="https://www.vuereact.com/uploads/20220112/2695af9f38c4e5e4e4b45d700edf8421.jpg" 
                    title="author" alt="author">
                    <div class="author-introduction">
                        <h3 class="author-name">胡新能</h3>
                        <div class="slogn">个人技术博客，关注Web开发技术、用户体验、坚持更新原创实战教程</div>
                        <div class="author-tag" tag="web前端,PHP,Vue开发"></div>
                    </div>
                </div> 
            
                <div class="link comm-box">
                    <h4>友情链接</h4>
                    <div class="link-content">
                        <a href="https://www.vuereact.com" title="胡新能个人博客" target="_black">胡新能个人博客</a>
                    </div>
                </div>
            </div>
        </div>
    </article>
    <footer>
        <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">赣ICP备2020014175号-1</a>
        <p>系统由 Vue3+Ant Design Vue + ThinkPHP5驱动</p>
        <p><a style="color:#888888;" href="https://www.vuereact.com">VueReact.com</a></p>
    </footer>

</body>
</html>